#{extends 'main.html' /}
#{set title:'Alta discoteca' /}
<script type="text/javascript">
function volver(){
	document.getElementById('altaDiscotecaForm').action='/volverGestionDiscotecas?name=${name}';
	document.getElementById('altaDiscotecaForm').submit();
}
function verMuro(){
	document.getElementById('altaDiscotecaForm').action='/verMuro?idDiscoteca=${discoteca.idDiscoteca}&idMuro=${discoteca.idDiscoteca}&name=${name}';
	document.getElementById('altaDiscotecaForm').submit();
}
function cambiaValor(check){
	if(check.checked==true){
		check.value='S';
		document.getElementById('botonListaVip').disabled=false;
		document.getElementById('datepicker').disabled=false;
	}else{
		check.value='N';
		document.getElementById('botonListaVip').disabled=true;
		document.getElementById('datepicker').disabled=true;
	}
}
function verListaVip(){
	var fecha = $('#datepicker').val();
	document.getElementById('altaDiscotecaForm').action='/verListaVip?idDiscoteca=${discoteca.idDiscoteca}&name=${name}&fechaListaVip='+fecha;
	document.getElementById('altaDiscotecaForm').submit();
}
$(function() {
	$( "#datepicker" ).datepicker( { dateFormat: 'dd/mm/yy' });
	$( "#tabs" ).tabs();
});

</script>
 
<form id="altaDiscotecaForm" action="@{discotecas.GestionDiscoteca.modificaDiscoteca()}" method="POST" enctype="multipart/form-data">
<table width="100%">
		<tr>
			<td colspan="2"><h1>Formulario modificaci&oacute;n discoteca</h1></td> 
			<td><input type="button" value="Logout" onclick="javascript:logout();"/></td> 
		</tr>
		<tr>
		<td colspan="3">
			<div id="tabs">
				<ul>
					<li><a href="#tabs-1">Textos</a></li>
					<li><a href="#tabs-2">Geoposici&oacute;n</a></li>
					<li><a href="#tabs-3">Logo</a></li>
					<li><a href="#tabs-4">Configuraci&oacute;n del Muro</a></li>
					<li><a href="#tabs-5">Lista VIP</a></li>
				</ul>
				<div id="tabs-1">
					<table width="100%">
						<tr>
							<td>Nombre de la discoteca</td>
							<td colspan="2"><input type="text" name="nombre" value="${discoteca.nombre}"/></td>
						</tr>
						<tr>
							<td>Descripci&oacute;n discoteca</td>
							<td colspan="2"><textarea rows="3" cols="100" name="descripcion">${discoteca.descripcion}</textarea></td>
						</tr>
						<tr>
							<td>Descripci&oacute;n discoteca catal&aacute;n</td>
							<td colspan="2"><textarea rows="3" cols="100" name="descripcion_ca">${discoteca.descripcion_ca}</textarea></td>
						</tr>
						<tr>
							<td>Descripcion discoteca ingl&eacute;s</td>
							<td colspan="2"><textarea rows="3" cols="100" name="descripcion_en">${discoteca.descripcion_en}</textarea></td>
						</tr>
					</table>
				</div>
				<div id="tabs-2">
					<table width="100%">
						<tr>
							<td>Latitud</td>
							<td colspan="2"><input type="text" name="latitud" value="${discoteca.latitud}" /></td>
						</tr>
						<tr>
							<td>Longitud</td>
							<td colspan="2"><input type="text" name="longitud" value="${discoteca.longitud}" /></td>
						</tr>
					</table>
				</div>
				<div id="tabs-3">
					<table width="100%">
						<tr>
							<td>Nombre imagen</td>
							<td><input type="text" disabled="disabled" name="nombreImg" value="${discoteca.nombreImg}" />
								<input type="hidden" name="nombreImg" value="${discoteca.nombreImg}"/></td>
							<td><img src="/public/images/discotecas/${discoteca.nombreImg}" width="50" height="50" /></td>
						</tr>
						<tr>
							<td>Cambiar imagen</td>
							<td colspan="2"><input type="file" name="imagen"/></td>
						</tr>
					</table>
				</div>
				<div id="tabs-4">
					<table width="100%">
						<tr>
							<td>Airbop App Key</td>
							<td colspan="2"><input type="text" size="40" name="airbopAppKey" value="${discoteca.airbopAppKey}" /></td>
						</tr>
						<tr>
							<td>Airbop App Secret</td>
							<td colspan="2"><input type="text" size="75" name="airbopAppSecret" value="${discoteca.airbopAppSecret}" /></td>
						</tr>
						<tr>
							<td>Google Project Number</td>
							<td colspan="2"><input type="text" name="googleProjectNumber" value="${discoteca.googleProjectNumber}" /></td>
						</tr>
						<tr>
							<td colspan="2"><input type="button" value="Ver Muro" onclick="javascript:verMuro();"/></td>
						</tr>
					</table>
				</div>
				<div id="tabs-5">
					<table width="100%">
						<tr>
							<td>
								<table>
									<tr>
										<td>Lista VIP</td>
										<td colspan="1">
											#{if discoteca.listaVipActiva =='S'}
												<input type="checkbox" name="lva" value="S" checked="checked" onclick="javascript:cambiaValor(this);" />
											#{/if}
											#{else}
												<input type="checkbox" name="lva" value="N" onclick="javascript:cambiaValor(this);" />
											#{/else}
										</td>
										<td>
											#{if discoteca.listaVipActiva =='S'}
												<input type="button" id="botonListaVip" value="Ver lista VIP" onclick="javascript:verListaVip();"/>
											#{/if}
											#{else}
												<input type="button" id="botonListaVip" disabled="disabled" value="Ver lista VIP" onclick="javascript:verListaVip();"/>
											#{/else}
										</td>
										<td colspan="1">
											#{if discoteca.listaVipActiva =='S'}
												<p>Fecha: <input type="text" size="10" name="fechaListaVip" value="${discoteca.fechaListaVip}" id="datepicker"/></p>
											#{/if}
											#{else}
												<p>Fecha: <input type="text" size="10" name="fechaListaVip" value="${discoteca.fechaListaVip}" id="datepicker" disabled="disabled"/></p>
											#{/else}
											</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</td>
		</tr>
		<tr>
			<td><input type="submit" value="Modifica" /></td>
			<td colspan="2"><input type="button" value="Volver" onclick="javascript:volver();"/></td>
		</tr>
	</table>
    <input type="hidden" id="idDiscoteca" value="${discoteca.idDiscoteca}" name="idDiscoteca"/>
    <input type="hidden" name="nombreFormulario" id="nombreFormulario" value="altaDiscotecaForm"/>
</form> 